// 路由规则配置文件的基本流程
// 1.安装路由模块：npm i vue-router@4
// 2.创建路由规则配置文件：src/router/index.ts
// 2.1 导入路由模块
import {createRouter, createWebHashHistory, createWebHistory} from 'vue-router'
import Home from '@/views/Home.vue'
// 2.2 创建路由对象及规则
const router = createRouter({
    // history: createWebHashHistory(), // 路由模式---哈希Hash模式
    history: createWebHistory(), // 路由模式---history模式
    routes: [
        {
            path: '/home', // 路由路径
            name: "home", // 路由名称
            component: Home  // 页面组件
        },
        {
            path: '/news',
            name: "news",
            component: () => import('@/views/News.vue') // 懒加载组件
        },
        {
            path: '/about',
            name: "about",
            component: () => import('@/views/About.vue') // 懒加载组件
        },
    ] // 路由规则
})
//2.3 暴露路由对象
export default router

// 3.全局引入路由对象
// 4.挂载路由对象
// 5.添加路由的控件
// 6.渲染路由页面组件
